<template>
  <section class="container">
    {{msg}}
    <a href="http://localhost:3000/bdMap?id=10">friend页面</a>
    <div>
      <nuxt-link :to='{name:"user-friend"}'>friend</nuxt-link><br/>
       <nuxt-link :to='{name:"user"}'>friend</nuxt-link>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </section>
</template>

<script>
export default {
  name:"user",
  asyncData(){
    /*它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用 asyncData方法来获取数据并返回给当前组件。*/
      console.log("组件创建前异步执行区域");
  },
    data(){
      return {
        msg:"这里是user页面"
      }
    },
    head(){
        return {
          title:"user首页",
           meta: [
                { hid: 'description', name: 'description', content: '这个是user描述部分' },
                { hid: 'keyword', name: 'keyword', content: '这个,是,页面,描述,部分' }
              ],
        }
    },
    
    methods:{
      
    },
 
}
</script>

<style scoped>

</style>
